<!DOCTYPE html>
<html>
<head>
<title></title>
<#include "/header.html" />
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap-table.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.css">
    <script src="${request.contextPath}/statics/libs/bootstrap-table.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.min.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.bootstrap3.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/jquery.treegrid.extension.js"></script>
    <script src="${request.contextPath}/statics/plugins/treegrid/tree.table.js"></script>
    <link href="${request.contextPath}/statics/css/swiper.min.css" rel="stylesheet" type="text/css" />
    <link href="${request.contextPath}/statics/css/style_min.css" rel="stylesheet" type="text/css" />
</head> <style>
    .ECalendarBox{ z-index: 10000}
    .currenttime{visibility: hidden}
    .stable{border-collapse: collapse;margin-top: 20px; margin-left: 20px}
    .stable tr td{ border:1px solid #6c5500; border-collapse: collapse; line}
    .stable tr td.tbgcolor{ width: 160px; background: #fdf7df; color:#6c5500;line-height: 50px; text-align: center }
    .stable tr td.ttext{ color: #0a8cfd; text-indent:5px; line-height: 50px;}
    .upimg{}
    .upimg img{ width: 240px; height: 180px;}
    .upimg .ddimg{ position: relative;width: 240px; height: 180px; margin: 10px; float: left;}
    .upimg .ddimg .uclose{ right: 0; top:0; cursor: pointer; position: absolute; z-index:1000; width:16px; height:16px; overflow: hidden;padding: 0; color: #fff}
    .xsimg{ text-align: center}
    .xsimg img{ max-width: 70%; margin-bottom: 15px}
</style>
<body>
<div id="rrapp" v-cloak>
	<div v-show="showList && !showDetail">
		<div class="grid-btn">
            <div class="form-group col-sm-2">
                <input type="text" class="form-control" v-model="q.name" @keyup.enter="query" placeholder="名称">
            </div>
            <a class="btn btn-default" @click="query">查询</a>
			<#if shiro.hasPermission("qyxxddddyw:save")>
            <a class="btn btn-primary" @click="add"><i class="fa fa-plus"></i>&nbsp;新增</a>
			</#if>
			<#if shiro.hasPermission("qyxxddddyw:update")>
            <a class="btn btn-modify" @click="update"><i class="fa fa-pencil-square-o"></i>&nbsp;修改</a>
			</#if>
			<#if shiro.hasPermission("qyxxddddyw:delete")>
            <a class="btn btn-delete" @click="del"><i class="fa fa-trash-o"></i>&nbsp;删除</a>
			</#if>
		</div>
	    <table id="jqGrid"></table>
	    <div id="jqGridPager"></div>
    </div>
    
    <div v-show="!showList" class="panel panel-default">
		<div class="panel-heading">{{title}}</div>
		<form class="form-horizontal">
				            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">企业名称</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywQymc" placeholder="企业名称"/>-->
                <!--</div>-->
            <!--</div>-->
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">企业代码</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywQydm" placeholder="企业代码"/>-->
                <!--</div>-->
            <!--</div>-->
						            <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>登记序号</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDjxh" placeholder="登记序号" required/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>典当人姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDdrxm" placeholder="典当人姓名"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">典当人证件号码</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDdrzjhm" placeholder="典当人证件号码"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">典当人联系电话</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDdrlxdh" placeholder="典当人联系电话"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">经办人姓名</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywJbrName" placeholder="经办人姓名"/>
                </div>
            </div>
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">经办人编码</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywJbrCode" placeholder="经办人编码"/>-->
                <!--</div>-->
            <!--</div>-->
						            <div class="form-group">
                <div class="col-sm-2 control-label">业务类型名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywYwlxName" placeholder="业务类型名称"/>
                </div>
            </div>
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">业务类型代码</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywYwlxCode" placeholder="业务类型代码"/>-->
                <!--</div>-->
            <!--</div>-->
						            <div class="form-group">
                <div class="col-sm-2 control-label"><b style="color: #c30">*</b>名称</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywMc" placeholder="名称"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">规格</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywGg" placeholder="规格"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">数量</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywSl" placeholder="数量"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">估价</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywGj" placeholder="估价"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">典当金额</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDdje" placeholder="典当金额"/>
                </div>
            </div>
						            <div class="form-group">
                <div class="col-sm-2 control-label">照片</div>
                <div class="col-sm-10">
                    <a  class="btn btn-modify upf" ><i class="fa fa-upload"></i>&nbsp;上传照片</a>
                    <input type="file" onchange="fileupload(this)" multiple="multiple"  id="file" style="display: none"  class="form-control"   placeholder="上传图片"/>
                    <input type="hidden"  id="furl1"  class="form-control" v-model="qyxxDdDdyw.ddywImg1"  />
                    <div class="upimg"  style="width: 800px;"></div>
                </div>
            </div>
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">照片2</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywImg2" placeholder="照片2"/>-->
                <!--</div>-->
            <!--</div>-->
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">照片3</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywImg3" placeholder="照片3"/>-->
                <!--</div>-->
            <!--</div>-->
						            <div class="form-group">
                <div class="col-sm-2 control-label">备注</div>
                <div class="col-sm-10">
                    <input type="text" class="form-control" v-model="qyxxDdDdyw.ddywBz" placeholder="备注"/>
                </div>
            </div>
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">删除状态</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.deleted" placeholder="删除状态"/>-->
                <!--</div>-->
            <!--</div>-->
						            <!--<div class="form-group">-->
                <!--<div class="col-sm-2 control-label">登记日期代码</div>-->
                <!--<div class="col-sm-10">-->
                    <!--<input type="text" class="form-control" v-model="qyxxDdDdyw.ddywDjrqCode" placeholder="登记日期代码"/>-->
                <!--</div>-->
            <!--</div>-->
						            <div class="form-group">
                <div class="col-sm-2 control-label">登记日期</div>
                <div class="col-sm-10">
                    <input type="text"  id="djDate"  class="form-control ECalendar" v-model="qyxxDdDdyw.ddywDjrqName" placeholder="登记日期"/>
                </div>
            </div>
							<div class="form-group">
				<div class="col-sm-2 control-label"></div> 
				<input type="button" class="btn btn-primary" @click="saveOrUpdate" value="确定"/>
				&nbsp;&nbsp;<input type="button" class="btn btn-warning" @click="reload" value="返回"/>
			</div>
		</form>
	</div>


    <div v-show="showDetail" class="panel panel-default">
        <div class="panel-heading titleys">典当信息查询</div>
        <div style="margin:10px 0px 0px;">
            <form class=" m-t" style="padding: 0px !important;">
                <table width="90%" border="1" class="stable">
                    <tr>
                        <td  class="tbgcolor">企业名称</td>
                        <td  class="ttext"> {{qyxxDdDdyw.ddywQymc}}</td>
                        <td rowspan="15"   class="tbgcolor" style="width: 60px">照片</td>
                        <td rowspan="15" width="30%"  class="xsimg">  </td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">企业代码</td>
                        <td class="ttext"> {{qyxxDdDdyw.ddywQydm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">登记序号</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDjxh}} </td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当人姓名</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDdrxm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当人证件号码</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDdrzjhm}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当人联系电话</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDdrlxdh}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">经办人</td>
                        <td class="ttext"> {{qyxxDdDdyw.ddywJbrName }}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">业务类型</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywYwlxName }} </td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">名称</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywMc }}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">规格</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywGg }}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">数量</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywSl }}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">估价</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywGj }}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当金额</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDdje}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">备注</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywBz}}</td>
                    </tr>
                    <tr>
                        <td class="tbgcolor">典当日期</td>
                        <td class="ttext">{{qyxxDdDdyw.ddywDjrqName}} </td>
                    </tr>
                </table>
                <div style="margin:10px 0px 60px;text-align: center">
                    &nbsp;&nbsp;<input type="button" class="btn btn-warning" onClick="javascript:location.reload()" value="返回" />
                </div>
            </form>
        </div>
    </div>

</div>
<SCRIPT>

    $(function () {

        $("#djDate").ECalendar({
            type:"date",   //模式，time: 带时间选择; date: 不带时间选择;
            stamp : false,   //是否转成时间戳，默认true;
            offset:[0,2],   //弹框手动偏移量;
            format:"yyyy年mm月dd日",   //时间格式 默认 yyyy-mm-dd hh:ii;
            skin:"#0a8cfd",   //皮肤颜色，默认随机，可选值：0-8,或者直接标注颜色值;
            step:10,   //选择时间分钟的精确度;
            callback:function(v,e){

            } //回调函数
        });
    })
</SCRIPT>
<script src="${request.contextPath}/statics/js/modules/ddpin/qyxxddddyw.js?_${.now?long}"></script>
<script src="${request.contextPath}/statics/libs/Ecalendar.jquery.min.js"></script>
</body>
</html>